@charset "utf-8";

/**
 * 登录
 */
.login-container {background: url(../images/bg_login.png) no-repeat left center / auto 100%;}
.login-box {position: absolute;top: 50%;right: 40px;transform: translateY(-50%);width: 380px;}
.login-box .footer {margin-top: 60px;color: #93A2AC;background: none;}

/**
 * 列表
 */
/* 列表-卡片-简约 */
.list-card-simple .item {display: block;position: relative;width: 100%;margin-top: 5px;padding: 23px 55px;border: 1px solid transparent;}
.list-card-simple .item:first-child {margin-top: 0;}
.list-card-simple .iconfont {position: absolute;top: 23px;left: 15px;width: 30px;height: 30px;font-size: 22px;line-height: 30px;color: #707E8F;text-align: center;}
.list-card-simple .title {font-size: 16px;line-height: 30px;font-weight: bolder;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-card-simple .summary {margin-top: 5px;font-size: 15px;line-height: 26px;color: #7B899A;text-align: justify;}

.list-card-simple .item:hover {background: #fff;border-color: #E1E6F0;box-shadow: 0px 11px 28px 0px rgba(0,0,0,0.04);}
.list-card-simple .item:hover,
.list-card-simple .item:hover .iconfont {color: #01CB94;}

/* 列表-问答 */
.list-card-qa .item {display: block;position: relative;width: 100%;margin-top: 5px;padding: 23px 55px 12px;border: 1px solid transparent;}
.list-card-qa .item:first-child {margin-top: 0;}
.list-card-qa .item > .icon {position: absolute;top: 22px;left: 15px;width: 30px;height: 30px;font-style: normal;font-size: 18px;line-height: 30px;color: #FF7070;text-align: center;font-weight: bolder;}
.list-card-qa .title {font-size: 16px;line-height: 30px;font-weight: bolder;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-card-qa .operate {margin-top: 5px;font-size: 15px;line-height: 36px;color: #707E8F;}
.list-card-qa .tags-item {float: left;margin-right: 50px;}
.list-card-qa .tags-item .iconfont {float: left;margin-right: 10px;color: #01CB94;}
.list-card-qa .btn-group .btn {font-size: 15px;line-height: 36px;color: #707E8F;
	transition: all .3s;
}
.list-card-qa .btn-group .btn-nothing-primary {color: #01CB94;}

.list-card-qa .item:hover {background: #fff;border-color: #E1E6F0;box-shadow: 0px 11px 28px 0px rgba(0,0,0,0.04);}
.list-card-qa .item:hover .title,
.list-card-qa .item:hover .tags .iconfont {color: #FF7070;}
.list-card-qa .item:hover .btn-nothing-primary {color: #fff;background-color: #01CB94;}
.list-card-qa .item:hover .btn-nothing-primary .iconfont {margin-left: 0;font-size: 0;}

/* 列表-关键词 */
.list-keywords-hot {margin: 20px 0;}
.list-keywords-hot .item {float: left;width: 50%;padding: 3px 100px 3px 0;font-size: 17px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-keywords-hot i {float: left;margin-right: 15px;font-style: normal;color: #17E82D;}
.list-keywords-hot .item:nth-child(1) i {color: #FF3A3A;}
.list-keywords-hot .item:nth-child(2) i {color: #1189FF;}
.list-keywords-hot .item:nth-child(3) i {color: #A929FF;}
.list-keywords-hot .item:hover {color: #17E82D;}
.list-keywords-hot .item:nth-child(1):hover {color: #FF3A3A;}
.list-keywords-hot .item:nth-child(2):hover {color: #1189FF;}
.list-keywords-hot .item:nth-child(3):hover {color: #A929FF;}

/* 列表-推荐 */
.list-recommend .title {margin-top: 20px;font-size: 16px;line-height: 30px;font-weight: bolder;}
.list-recommend li {position: relative;padding-left: 10px;}
.list-recommend li::before {content: '';display: block;position: absolute;top: 17px;left: 0;width: 2px;height: 2px;background-color: #707E8F;border-radius: 50%;}
.list-recommend a {display: block;padding: 3px 0;font-size: 15px;line-height: 30px;color: #707E8F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-recommend a:hover {color: #02CB94;}

/* 列表-星标 */
.list-star .iconfont {float: left;margin-right: 5px;}
.list-star .icon-star {color: #02CB94;}

/* 列表-文章-评论 */
.list-article-reply .item {position: relative;padding: 5px 270px 5px 0;font-size: 15px;line-height: 30px;}
.list-article-reply .time {position: absolute;top: 5px;right: 0;color: #707E8F;}

/* 列表-新闻 */
.list-news .item {display: block;position: relative;width: 100%;height: 162px;margin-top: 20px;padding: 20px 20px 20px 200px;border: 1px solid transparent;}
.list-news .item:first-child {margin-top: 0;}
.list-news .thumbnail {position: absolute;top: 20px;left: 20px;z-index: 2;width: 149px;height: 122px;}
.list-news .title {height: 36px;padding: 5px 0;font-size: 18px;line-height: 28px;font-weight: bolder;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list-news .operate {margin-top: 10px;font-size: 16px;line-height: 28px;color: #707E8F;}
.list-news .operate .summary {width: 90%;overflow: hidden;text-overflow: ellipsis;}
.list-news .operate .iconfont {font-size: 20px;line-height: 28px;}
.list-news .item:hover {background: #fff;border-color: #E1E6F0;box-shadow: 0px 11px 28px 0px rgba(0,0,0,0.04);}
.list-news .item:hover .title,
.list-news .item:hover .iconfont {color: #01CB94;}

/* 列表-文档 */
.list-document .item {position: relative;width: 100%;height: 236px;margin-top: 10px;padding: 25px 25px 25px 210px;border: 1px solid transparent;}
.list-document .item:first-child {margin-top: 0;}
.list-document a {display: block;}
.list-document .thumbnail {position: absolute;top: 25px;left: 25px;width: 160px;height: 186px;/*height: 209px*/}
.list-document .price {position: absolute;top: 40px;left: 30px;z-index: 3;padding: 0 7px;font-size: 14px;line-height: 24px;color: #fff;background-color: #FEBD21;border-top-right-radius: 12px;border-bottom-right-radius: 12px;}
.list-document .title {padding: 5px 0;font-size: 20px;line-height: 34px;color: #222;font-weight: bolder;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-document .operate {margin-top: 5px;font-size: 16px;line-height: 28px;color: #707E8F;}
.list-document .operate .inner-item {float: left;margin-left: 30px;}
.list-document .operate .inner-item:first-child {margin-left: 0;}
.list-document .operate .inner-item.fr {float: right;margin-right: 0;}
.list-document .operate .iconfont {float: left;margin-right: 8px;}
.list-document .operate .icon-vip {color: #FEBD21;}
.list-document .operate .icon-clock {color: #01CB94;}
.list-document .summary {margin-top: 15px;font-size: 16px;line-height: 28px;text-align: justify;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list-document .btn-share {margin-top: 8px;font-size: 16px;line-height: 30px;color: #01CB94;border-radius: 3px;transition: all .3s;}
.list-document .btn-share .iconfont {float: right;margin-left: 5px;}
.list-document .btn-share:hover {padding: 0 10px;color: #fff;background-color: #01CB94;}

.list-document .item:hover {background: #fff;border-color: #E1E6F0;box-shadow: 0px 11px 28px 0px rgba(0,0,0,0.04);}
.list-document .item:hover .title {color: #01CB94;}

/**
 * 资料学习
 */
.material-study-content,
.material-study-panel {min-height: 460px;background: #fff;border: 1px solid #E1E6F0;}
.material-study-content {width: 70%;}
.material-study-panel {position: relative;width: 27%;padding: 10px;}
.material-study-panel .list-recommend {padding-right: 50px;}
.material-study-operate {position: absolute;top: 230px;right: 0;width: 52px;padding: 5px 0;text-align: center;background-color: #02CB94;}
.material-study-operate .item {display: block;padding: 0 5px;font-size: 15px;line-height: 32px;color: #fff;}
.material-study-operate .item:hover {background-color: #01a97b;}
